---
title: "Install Tailwind CSS with Nuxt.js"
description: "Setting up Tailwind CSS in a Nuxt.js project."
tool: Nuxt.js
---


```preval installation
reference:
  name: Create Nuxt App
  link: https://nuxtjs.org/guides/get-started/installation#using-create-nuxt-app
script: npx create-nuxt-app
```

---

```preval setup
version:
  Nuxt.js: latest
dependencies:
  - '@nuxtjs/tailwindcss'
```

Add the `@nuxtjs/tailwindcss` module to the `buildModules` section of your `nuxt.config.js` file:

```js
// nuxt.config.js
export default {
  buildModules: ['@nuxtjs/tailwindcss']
}
```

```preval configuration
postcss: false
purge:
  - ./components/**/*.{vue,js}
  - ./layouts/**/*.vue
  - ./pages/**/*.vue
  - ./plugins/**/*.{js,ts}
  - ./nuxt.config.{js,ts}
```

```preval include
file: ./assets/css/tailwind.css
```

---

```preval finish
scripts:
  - npm run dev
```

